.depart_box {
    display: flex;

    .depart_member_icon {
        vertical-align: bottom;
        margin-right: 2px;
    }

    .depart_icon {
        width: 15px;
        vertical-align: middle;
    }

    .mr2 {
        margin-right: 2px;
    }
}

.depart_l {
    width: 350px;
    padding-right: 10px;
    border-right: 1px solid #eaeaea;

    .search_name {
        // width: 259px;
        width: 100%;
        margin-bottom: 10px;
    }

    .custom-tree-node {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .is_member {
        // 不可全选样式
        :deep(.el-tree-node) {
            .is-leaf + .el-checkbox .el-checkbox__inner {
                display: inline-block;
            }

            .el-checkbox .el-checkbox__inner {
                display: none;
            }
        }
    }
}

.depart_r {
    padding: 10px 20px;
    flex: 1;

    .depart_select_title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20px;

        .empty {
            color: #ff6b00;
        }
    }

    .el-scrollbar {
        height: auto;
    }

    .seled_member {
        line-height: 30px;
        display: flex;
        font-size: 14px;
        padding: 0 5px;
        align-items: center;
        justify-content: space-between;

        &:hover {
            background-color: rgb(255 107 0 / 9.02%);
        }

        .item_member {
            display: flex;
            align-items: center;

            .seled_icon {
                color: #ff6b00;
            }
        }

        .member_name {
            margin-left: 2px;
        }

        .remove_icon {
            cursor: pointer;

            &:hover {
                transform: scale(1.23);
            }
        }
    }
}

:deep(.zw-tree-box) {
    .el-vl__wrapper {
        position: initial;
        overflow-x: scroll;

        &::-webkit-scrollbar {
            height: 6px;
        }
    
        &::-webkit-scrollbar-thumb {
            border-radius: 10px;
            background: rgb(144 147 153 / 30%);
        }
    
        &::-webkit-scrollbar-thumb:hover {
            background: rgb(144 147 153 / 60%);
        }
    
        &::-webkit-scrollbar-track {
            background: transparent;
        }
    
        &::-webkit-scrollbar-track-piece {
            background: transparent;
        }

        .el-vl__window {
            width: 700px;
        }
    }
}

.dialog-header-tip {
    top: 0;
    font-size: 14px;
    color: #ccc;
}

:global(.zw-depart-dialog .el-dialog__header) {
    box-sizing: content-box;
    margin: 0;
    padding: 16px;
    border-bottom: 1px solid #eaeaea;
}

:global(.zw-depart-dialog .el-dialog__body) {
    padding: 16px;
}

:global(.zw-depart-dialog .el-dialog__footer) {
    padding: 10px 16px;
    border-top: 1px solid #eaeaea;
}